
.author-lists-section {
    width: 1200px;
    margin: 0 auto;

    .list{
        padding: 0;
        border: 0;
        margin: 0 -5px;

        .item {
            box-sizing: border-box;
            background:#fff;
            padding:5px;
            width: 25%;
            float: left;
            margin-bottom: 10px;

            .image {

                position: relative;
                overflow: hidden;
                img {
                    width:100%;
                    border-radius:5px;
                    transition:transform 0.5s;
                }

                .type-container {
                    position:absolute;
                    bottom:5px;
                    right:5px;
                    background-color:rgba(0,0,0,.5);
                    color:#fff;
                    padding:2px 5px;
                    border-radius:5px;
                }

                a {
                    &:hover {
                        text-decoration: none;
                        transform: translateY(-2px);
                        box-shadow: 0 12px 20px 0 rgba(95,101,105,.1);
                        background-color: #fff;
                        img {
                            transform: scale(1.1);
                            -ms-transform: scale(1.1);
                        }
                    }
                }
            }
            .content {
                
                padding:0;
                min-height: 60px!important;
                .title {
                    padding:10px 0;
                    a {
                        font-size:15px;
                        font-weight: 600;
                        display: block;
                    }
                }
                .description {
                    color:#999;
                    height: 42px;
                }

            }
        }
    }
}

/*风格价格色系样式*/
.author-lists-section.Green {
	.item {
        .content {
            .title {
                a {
                    &:hover {
                        color: #00ce74;
                    }
                }
            }
        }
    }
}

.author-lists-section.Blue {
    .item {
        .content {
            .title {
                a {
                    &:hover {
                        color: #03b8cf;
                    }
                }
            }
        }
    }
}

.author-lists-section.LightRed {
    .item {
        .content {
            .title {
                a {
                    &:hover {
                        color: #ea644a;
                    }
                }
            }
        }
    }
}

.author-lists-section.Orange {
    .item {
        .content {
            .title {
                a {
                    &:hover {
                        color: #ff9900;
                    }
                }
            }
        }
    }
}

.author-lists-section.LightPink {
    .item {
        .content {
            .title {
                a {
                    &:hover {
                        color: #FFB6C1;
                    }
                }
            }
        }
    }
}

.author-lists-section.Magenta {
    .item {
        .content {
            .title {
                a {
                    &:hover {
                        color: #8666b8;
                    }
                }
            }
        }
    }
}

.author-detail-section {

    .author-header {
        background: url('../images/author_bg.jpg');
        background-position: center;
        .bg-mask {
            width: 100%;
            height: 480px;
            background: rgba(0,0,0,.1);
        }
        .author-box {
            width: 968px;
            position: relative;
            margin: 0 auto;
            padding-top: 10px;
            text-align: center;
            z-index: 2;
            .avatar {
                width: 120px;
                height: 120px;
                margin: 60px auto 20px auto;
                img {
                    width: 120px;
                    height: 120px;
                    border-radius: 50%;
                    border: 3px solid #fff;
                    overflow: hidden;
                }
            }
            .name {
                color: #fff;
                text-align: center;
            }
            .follow-btn {
                margin: 24px 0 36px;
                padding: 0;
                height: 36px;
                width: 96px;
                background: 0 0;
                font-size: 12px;
                line-height: 36px;
                color: #fff;
                border: 1px solid rgba(255,255,255,.6);
            }
            .description {
                color: rgba(255,255,255,.6);
            }
        }
        
    }

    .author-content {
        min-height: 480px;
        padding-top: 60px;
        .content {
            width: 1200px;
            margin: 0 auto;
            p {
                font-size: 16px;
            }
        }
    }
}